<template>
    <div>
        <van-grid id="mid" :column-num="5" :border="false">
            <van-grid-item>
                <van-image class="im" :src="require('../assets/my/11.png')">
                    待付款
                </van-image>
            </van-grid-item>
            <van-grid-item>
                <van-image class="im" :src="require('../assets/my/12.png')">
                    待收货
                </van-image>
            </van-grid-item>
            <van-grid-item>
                <van-image class="im" :src="require('../assets/my/13.png')">
                    待评价
                </van-image>
            </van-grid-item>
            <van-grid-item>
                <van-image class="im" :src="require('../assets/my/14.png')">
                    退款/售后
                </van-image>
            </van-grid-item>
            <van-grid-item>
                <van-image class="im" :src="require('../assets/my/15.png')">
                    全部订单
                </van-image>
            </van-grid-item>
        </van-grid>
    </div>
</template>

<script>
    export default {
        
    }
</script>

<style lang="scss" scoped>
    div{
        width: 95%;
    }
    #mid{
        width: 100%;
        padding-left: 2.5vw;
        text-align: center;
        font-size: 3vw;
        margin-bottom: 3vw;
        .im{
            width: 14vw;
            height: 14vw;
        }
    }
    ::v-deep .van-image__img{
        width: 70%;
        height: 70%;
        padding-left: 2vw;
        padding-bottom: 1vw;
        text-align: center;
    }
</style>